.banner2{position: relative;}
.banner2 img{display: block;}
.lanmu{position: absolute;top:calc(50% + 45px);left: 50%;transform: translate(-50%,-50%);text-align: center;width: 100%;color: #fff}
.lanmu p{font-size: 60px;font-weight: bold;}
.lanmu span{display: block;font-size: 24px;margin-top: 5px}

.type{text-align:center;margin:0 38px;padding-top:25px;width: 100%}
.type a{display: inline-block;font-size: 18px;color: #000000;margin:0 36px;}
.type a:after{content: '';height: 6px;width: 0;background: #017fcb;transition: all 0.5s;display: block;}
.type a.active:after,.type a:hover:after{width: 100%}
.type a.active,.type a:hover{font-weight: bold;}
.bot{width: 100%}

.top{position: relative;padding-top:40px;}

.nail{position: absolute;right: 0;bottom:20px;background: url('../images/nail.png') no-repeat center left;padding-left: 34px;line-height: 24px;}
.nail{font-size: 16px;color: #017fcb;text-align:right;}
.nail a{color: #017fcb}
.nail span{color: #333333;}
.typename{font-size: 35px;font-weight: bold;color: #000000;position: relative;}
.typename i{color: #eeeeee;font-size: 80px;font-weight: bold;text-transform: uppercase;line-height: 1;}
.typename span{position: absolute;bottom:10px;left: 0;}

.about_left{width: 777px;}
.about_pic{width: 570px;}
.about_left .con{font-size: 16px;color: #333333;line-height: 37px;}

.sec2_data{margin-top:55px;}
.sec2_data li{float: left;padding-right: 25px;margin-right: 25px;text-align:center;position: relative;}
.sec2_data li p span{font-size: 48px;font-weight: bold;color: #017fcb}
.sec2_data li p em{font-size: 16px;color: #017fcb;font-style: normal;}
.sec2_data li .tit{font-size: 16px;color: #888888;}
.sec2_data li:nth-child(4){margin-right:0;padding-right: 0}
.sec2_data li:after{content: '';position: absolute;right: 0;top:15px;height: 70px;width: 1px;background: #e5e5e5}
.sec2_data li:nth-child(4):after{display: none}

.bot2{font-size: 14px;color: #555555;padding:25px 0;border-top:1px solid #e0e0e0;}
.about{padding-bottom: 90px;padding-top:30px;}

.news_list{margin-top:60px;}
.news_list li{width: 100%;margin-bottom:10px;}
.news_list li:nth-child(2n) a{background: #fff;}
.news_list li a{display:block;position: relative;padding:28px;background: #f7f7f7;}
.news_list li .sec7_pic{width: 342px;float: left;}
.news_list li .sec7_info{width:958px;float: left;margin-left: 26px;padding-top:23px;}
.news_list li .sec7_info .tit{font-size:20px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news_list li .sec7_info .jian{font-size: 16px;color: #888888;line-height:2;margin:20px 0 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list li .sec7_info .date{font-size: 16px;color: #888888}
.news_list li .jia{display: block;width: 36px;height: 36px;background: #42b3f7;color: #fff;text-align: center;font-size: 30px;font-weight:lighter;position: absolute;bottom: 0;right: 0;line-height: 36px;}
.news_list li:hover .sec7_info .tit{font-weight: bold;}
.news_list li:hover .sec7_info .jian{color: #000000}
.news_list li:hover .jia{background: #f74242}

.news_list li .sec7_pic .pic{position:relative;width:100%;height:0;padding-top:53%;}
.news_list li .sec7_pic .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.news_list li .sec7_pic .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.page{padding:45px 0 50px;}
.page{text-align:center;font-size: 0;}
.page a{display: inline-block;height: 35px;line-height: 35px;padding:0 13px;margin:0 4px;color: #666666;font-size: 14px;vertical-align: middle;background: #efefef}
.next_page,.pre_page{width:85px;}
.page a.select{background:#42b3f7;color: #fff;}


.news_left{width: 960px;float: left;}
.news_right{width: 380px;float: right;}

.news_left .tit{font-size: 30px;color: #010101}
.news_left .date{font-size: 14px;color: #888888;margin:10px 0 20px;}
.news_show{padding-top:40px;}
.news_show .content{border-top:1px dashed #dddddd;padding:35px 0 60px;font-size:16px;color: #333333;line-height: 2;}

.fenye li{font-size: 16px;color: #888888;margin-bottom:20px}
.fenye li a{color: #888888;}
.fenye li:hover a{color: #017fcb}
.fenye{padding-bottom: 75px}
.news_r_tit span{font-size: 24px;color: #000000;display:block;float: left;line-height: 25px;}
.news_r_tit a{display:block;width: 90px;height: 25px;line-height: 25px;text-align: center;background: #eb414a;color: #fff;font-size: 13px;float: right;}
.news_r_tit{margin-bottom: 30px}
.news_right li{margin-bottom: 25px;position: relative;}
.news_right li .tit{position: absolute;bottom:0;left: 0;width: 100%;padding:10px 15px;line-height: 20px;background: rgba(0,0,0,0.7);font-size: 14px;color: #fff}

.news_right li a{position:relative;width:100%;height:0;padding-top:63%;display: block;}
.news_right li .pic {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.news_right li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}



/*.news_right li:hover .tit{background:#017fcb}
.news_r_tit a:hover{background: #017fcb}*/


.news_right li .tit{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #017fcb, #017fcb, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
  background-position: 1% 50%;
  background-size: 300% 300%;
}
.news_right li:hover .tit{
  color:#fff;
  background-position: 99% 50%;
}

.news_r_tit a{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #017fcb, #017fcb, #eb414a, #eb414a);
  background-position: 1% 50%;
  background-size: 300% 300%;
}
.news_r_tit:hover a{
  color:#fff;
  background-position: 99% 50%;
}



.culture li{width: 440px;float: left;margin-right:40px;margin-bottom: 35px;position: relative;}
.culture li .pic{position:relative;width:100%;height:0;padding-top:68%;}
.culture li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.culture li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.culture li:nth-child(3n){margin-right: 0}
.culture li .info{width: 310px;position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);text-align:center;}
.culture li .info .tit{font-size: 30px;font-weight: bold;color: #fff}
.culture li .info .des{font-size: 24px;color: #fff;line-height: 40px;margin-top:5px;}
.culture li:nth-child(2) .info{width: 240px}

.culture{margin-top:45px;padding-bottom:30px;}


.culture_s_left{width: 700px;position: relative;float: left;}
.culture_s_left .pic{position:relative;width:100%;height:0;padding-top:68%;}
.culture_s_left .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.culture_s_left .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.culture_s_left .info{width: 360px;position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);text-align:center;}
.culture_s_left .info .tit{font-size: 40px;font-weight: bold;color: #fff}
.culture_s_left .info .des{font-size: 28px;color: #fff;line-height: 40px;margin-top:10px;}

.culture_s{padding:40px 0 60px;}
.culture_s_right{width: 655px;float: right;font-size: 18px;color: #333333;line-height:55px;}
.culture_s_right strong{font-size: 22px;font-weight: bold;color: #333333}

.culture_s_left.yj .info{width: 290px}

.contact{padding:65px 0 80px;}
.contact_left{width: 620px;float: left;height: 540px;background: #017fcb;padding:40px;color: #fff;}
.contact_right{width: 780px;float: right;height: 540px}
.contact_tit{font-size: 26px;font-weight: bold;padding-bottom: 20px}
.contact_con{font-size: 18px;color: #fff;line-height: 40px;padding:23px 0;border-top:1px solid #fff;border-bottom: 1px solid #fff;margin-bottom: 20px}

.fgs li{width: 446px;float: left;margin-right:30px;background: #f8f8f8;margin-top:65px;}
.fgs li:nth-child(3n){margin-right:0;}

.fgs li .info{padding:25px 40px 25px 34px;}
.fgs li .tit{font-size: 23px;color: #222222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fgs li .jian{font-size: 14px;color: #888888;line-height: 30px;margin-top:10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.video_list{padding-top: 55px}
.video_list li{width: 445px;float:left;margin-right:30px;margin-bottom: 10px}
.video_list li:nth-child(3n){margin-right:0;}
.video_list li a{display: block;}
.video_list li .pic{position:relative;width:100%;height:0;padding-top:58%;overflow:}
.video_list li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 1;}
.video_list li .pic i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/play2.png) no-repeat center;
    background-color: 
    rgba(0, 0, 0, 0.2);
    z-index: 1;
    
}
.video_list li .tit{font-size: 23px;color: #222222;text-align:center;margin:15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.video1_hide{display: none}
.video_bg{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    background-color: rgba(0,0,0,.5);display:none;
}
.video-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.video1_hide{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
/*.video{position: relative;width: 830px;height: 490px;  }*/
.video{position: relative;width: 950px;height: 600px;  }
.btn-close{position: absolute;top:-15px;color: #fff;right:-14.5px;z-index: 1000;cursor: pointer;background: url('../images/close.png') no-repeat center;width: 29px;height: 29px;}
.video_bg video{width: 100%;height: 100%;}

.case .type a{margin:0 17px;}
.case .type{margin:0;}


.fgs li .pic{position:relative;width:100%;height:0;padding-top:55%;}
.fgs li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.fgs li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.case_show .tit{font-size: 23px;color: #222222;margin:25px 0;text-align:center;}
.case_show .pic{text-align:center;padding-top: 65px}
.case_show .con{font-size: 16px;color: #888888;line-height: 2;padding:10px 0 35px;}

.job_list li{width: 100%;border-bottom: 1px solid #ededed;padding:55px 0;}
.job_left{width: 900px;float: left;margin-right:345px;}
.job_right{width: 150px;}
.job_right a{display: block;width: 150px;height: 150px;background: #f2f2f2;text-align:center;line-height: 150px;font-size: 24px;color: #017fcb;border-radius: 50%}
.job_list li:hover .job_right a{background: #017fcb;color: #fff}
.job_left .tit{font-size: 24px;color: #000000;margin-bottom: 12px}
.job_left .tit span{font-size: 16px;color: #337dcc;display: inline-block;margin-left:20px;}
.job_left .info{font-size: 16px;color: #000000}
.job_left .info span{display: inline-block;margin-right:55px;}
.gwzz{font-size: 18px;color: #333333;margin:20px 0 5px;}
.job_left .con{color: #666666;font-size: 16px;line-height: 1.8;}


.message{padding:75px 0 85px;}

.message{padding-bottom: 50px;width: 1126px;margin:0 auto;}
.mess_tit{width: 100%;font-size: 24px;font-weight: bold;color: #333333;text-align:center;padding-bottom: 35px}
.mes_left{width: 548px;float: left;}
.mes_right{width: 562px;float: right;}
.message .input{width: 100%;height: 58px;line-height: 58px;border:1px solid #e7e7e7;padding:0 30px;font-size: 14px;margin-bottom: 10px}
.message .input2{width: 100%;height:123px;border:1px solid #e7e7e7;padding:20px 30px;font-size: 14px;margin-bottom: 10px;font-family: 微软雅黑;resize: none;display: block}
.message .submit{width: 100%;height: 60px;line-height: 60px;background:#017fcb;color: #fff;font-size: 24px;display: block;text-align:center;}

.danyes{font-size: 16px;color: #333333;line-height: 37px;padding:25px 0 35px;}


.bot{width:100%;background: #f9f9f9}
.bot1{padding:30px 0 45px;}
.botnav{width: 1065px;float: left;}
.bot1_right{width: 285px;float: right;}

.botnav li{float: left;width: 20%}
.botnav li .two dd a{font-size: 14px;color: #555555;line-height:38px;}
.botnav li .two{margin-top:15px}
.botnav li>a{font-size:20px;color: #010101;font-weight: bold;}
.botnav li .two dd:hover a{text-decoration:underline!important;}

.bottel{text-align:right;}
.bottel span{font-size: 20px;font-weight: bold;color: #010101;display: block;text-align:right;}
.bottel p{font-size: 35px;color: #017fcb;margin:20px 0 30px;font-weight: bold;}

.bot1_link a{display:block;float: right;margin-right:15px;width: 35px;height: 35px}

.wb{background: url('../images/wb.png') no-repeat center;}
.qq{background: url('../images/qq.png') no-repeat center;}
.wx{background: url('../images/wx.png') no-repeat center;}

.bot_pop{position: relative;}
.bot_pop .pop { visibility: hidden; opacity: 0; z-index: -0; position: absolute; top:43px; left:50%;transform:translateX(-50%);width:120px}
.bot_pop:hover .pop { visibility: visible; opacity: 1; z-index: 100;}

.fgs li {overflow:hidden;}
.fgs li .pic{overflow: hidden;}
.fgs li .pic img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);transition:all 1s;}
.fgs li:hover .pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.fgs li .info{position: relative;}
.pop{    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #017fcb;
    position: absolute;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;}
.fgs li:hover .pop{top:0;}
.fgs li:hover .txt{position:relative;z-index: 10;display: block;}
.fgs li:hover .tit{color: #fff}
.fgs li:hover .jian{color: #fff}


.news_list li a{transition: all 0.5s;}
.news_list li:hover a{box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);transform: scale(1.02);}




.news_right li .pic{overflow: hidden}
.news_right li .pic img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);transition:all 1s;}
.news_right li:hover .pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.culture li .info .des{transition: all 0.5s}
.culture li:hover .info .des{transform:translateY(5px);}

.culture li .info .tit{transition: all 0.5s}
.culture li:hover .info .tit{transform:translateY(-5px);}

.culture li .pic{overflow: hidden}
.culture li .pic img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);transition:all 1s;}
.culture li:hover .pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.video_list li:hover .tit{color: #017fcb}
.video_list li .pic{overflow: hidden}
.video_list li .pic img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);transition:all 1s;}
.video_list li:hover .pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.wu{font-size: 20px;padding:20px 0 35px;text-align: center;}
.search_list{padding-bottom:50px;}
 .video_show iframe{position:absolute;top:0;left:0;width:100%;height:100%;}